<!--
 * @Author: liu-tiezhu1 1471528799@qq.com
 * @Date: 2023-11-21 19:50:12
 * @LastEditors: liu-tiezhu1 1471528799@qq.com
 * @LastEditTime: 2023-11-24 11:26:26
 * @FilePath: \customer-relations\src\views\Message\Todo\tosochankan\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->



<template>
     <el-tabs v-model="activeName" class="demo-tabs">
          <el-tab-pane label="审批类型" name="first">
               <leiXing :data="props.showData" />
          </el-tab-pane>
          <el-tab-pane label="审批状态" name="second">
               <zhuangTai :data="props.showData" />
          </el-tab-pane>
     </el-tabs>
</template>

<script setup lang="ts">
import leiXing from './leiXing/index.vue'
import zhuangTai from './zhuangTai/index.vue'

import { reactive, ref } from 'vue'

const activeName = ref<string>('first')

interface IProps {
     showData: {
          contractNumber: string;
          contractName: string;
          customerName: string;
          contractAmount: number;
          contractStatus: string;
          contractType: string;
          contractFile: string;
          relatedProduct: string;
          signer: string;
          signDate: string;
          expireDate: string;
          paymentMethod: string;
          advancePayment: number;
          note: string;
     };
}
const props = defineProps<IProps>()
// console.log(props.showData);


// let dasdas = reactive<any>({})
// dasdas = deepCopy(props.showData)

// console.log(props.showData);
</script>

<style lang="scss" scoped></style>